<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>设置 - 我的歪麦呢</title>
		<script src="js/jquery-3.7.1.js"></script>
		<link rel="stylesheet" href="css/seeting.css">
	</head>
	<body>
		<!-- 顶部标题栏 -->
		<div class="header">
			<div class="back-btn" onclick="goBack()">←</div>
			<div>设置</div>
		</div>

		<!-- 用户信息卡片 -->
		<div class="user-card" onclick="goToUserInfo()">
			<div class="avatar">👤</div>
			<div class="user-info">
				<div class="user-name">张三</div>
				<div class="user-phone">139****8888</div>
			</div>
			<div class="menu-arrow">></div>
		</div>

		<!-- 设置菜单 -->
		<div class="menu-section">
			<div class="menu-item" onclick="goToNotificationSettings()">
				<div class="menu-left">
					<div class="menu-icon">🔔</div>
					<div class="menu-text">消息通知设置</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToPrivacySettings()">
				<div class="menu-left">
					<div class="menu-icon">🛡️</div>
					<div class="menu-text">隐私设置</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToSecuritySettings()">
				<div class="menu-left">
					<div class="menu-icon">🔒</div>
					<div class="menu-text">账号与安全</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToGeneralSettings()">
				<div class="menu-left">
					<div class="menu-icon">⚙️</div>
					<div class="menu-text">通用设置</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToFeedback()">
				<div class="menu-left">
					<div class="menu-icon">✉️</div>
					<div class="menu-text">意见反馈</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
			<div class="menu-item" onclick="goToAbout()">
				<div class="menu-left">
					<div class="menu-icon">ℹ️</div>
					<div class="menu-text">关于我们</div>
				</div>
				<div class="menu-arrow">></div>
			</div>
		</div>

		<!-- 退出登录按钮 -->
		<div class="logout-btn" onclick="logout()">
			退出登录
		</div>
	</body>
</html>
<script>
	function goBack() {
		window.location.href = "profile.html"
	}
</script>
